<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/shopping.css">
    <link rel="stylesheet" href="../css/detail.css">
</head>

<body>
    <!-- 标题 -->
    <div id="title">
        <!-- logo -->
        <div class="box1">
            <div class="logo">
                <a href="#">
                    <img src="../img/title/logo_03.jpg" alt="">
                </a>
            </div>
            <div class="text">
                <a href="#">
                    <h3>熊猫优选</h3>
                    <span>XIONG MAO YOU XUAN</span>
                </a>

            </div>
        </div>
        <!-- 搜索 -->
        <div class="box2">
            <div class="searchBox">
                <img src="../img/title/sousuo.png" alt="">
                <form action="#">
                    <input type="text" class="text" placeholder="搜索商品，发现更多优惠">
                    <input type="button" value="搜索" class="button">
                </form>
            </div>
        </div>
        <!-- 介绍 -->
        <div class="box3">
            <div>
                <img src="../img/title/下载.png" alt="">
                <span>全程包邮</span>
            </div>
            <div>
                <img src="../img/title/下载 (1).png" alt="">
                <span>7天退换</span>
            </div>
            <div>
                <img src="../img/title/下载 (2).png" alt="">
                <span>品质保证</span>
            </div>


        </div>

    </div>
    <!-- 导航 -->
    <div id="navigation">
        <div class="centaner">
            <ul>
                <li><a href="javascript:void(0)" id="index" index='0' class="style">首页</a></li>
            </ul>
        </div>
    </div>
<!-- 内容  -->
    <div class="container">
        <div class="book-list">
            <table>
            </table>
            <h2>商品总价: <span id='TotalPriceOfGoods'>￥0</span></h2>
        </div>
    </div>
 <!-- 页脚  -->
    <div id="foot">
        <div class="centanier">
            <a href=""><img src="../img/title/icon.png" alt=""></a>
            <div>
                <a href="">
                    <h2>熊猫优选</h2>
                    <p>年轻人网购首选</p>
                    <p>购物领巻更省钱</p>
                </a>
            </div>
            <p class="text"><a href="#">|&emsp;下载APP</a></p>

        </div>
        <div class="foot-text">
            <img src="../img/title/license.png" alt="">
            <p>浙公安网备案 33010602009949号 | ICP备案号: 浙ICP备17012864号-1|</p>
            <img src="../img/title/policeIcon.png" alt="">
            <p>证照信息</p>
        </div>

        <!-- 回到顶部 -->
        <div id='top'>
            <p>回到顶部</p>
        </div>
    </div>
     <script src="../js/jquery-3.6.0.js"></script>
    <script src="../js/shopping.js"></script>

</body>

</html>